.orderCard {
    position: relative;
    width: 94%;
    margin: auto;
    box-shadow: 0px 2px 8px 4px rgba(216, 216, 216, 0.5);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 0.24rem;
    .top {
      padding: 0.4rem 0.24rem;
      .name {
        font-weight: bold;
        margin-bottom: 0.1rem;
        width: calc(100% - 1.4rem);
        height: 0.58rem;
        overflow: hidden; /*超出部分隐藏*/
        white-space: nowrap; /*不换行*/
        text-overflow: ellipsis; /*超出部分文字以...显示*/
      }
      .content {
        margin-top: 0.2rem;
        align-items: center;
        div:first-child {
          width: 1.35rem;
        }
        div:last-child {
          flex: 1;
        }
      }
    }
    .bot {
      background-color: #eff4ff;
      height: 1.08rem;
      //
      .botleft {
        width: 50%;
        align-items: center;
        padding-left: 0.24rem;
        // justify-content: center;
        .tit {
          margin-right: 0.15rem;
        }
        .timeclock {
          width: 0.6rem;
          height: 0.6rem;
          border-radius: 6px;
          font-weight: 600;
          text-align: center;
          line-height: 0.6rem;
        }
        .calceorder{
          width: 100%;
          text-align: center;
          font-weight: 600;
        }
        .bgstart {
          background-color: #dfe8ff;
        }
        .dots1 {
          color: #dfe8ff;
          font-weight: 600;
        }
        .dots {
          font-weight: 600;
        }
      }
      .botright {
        align-items: center;
        justify-content: flex-end;
      
        width: 50%;
        .arrowRight {
          position: relative;
          top: 0.03rem;
          width: 0.24rem;
          margin-left: 0.16rem;
          margin-right: 0.24rem;
        }
        .service {
          height: 1.08rem;
          line-height: 1.08rem;
          width: 100%;
          text-align: center;
          background-color: #dfe8ff;
          font-weight: 600;
        }
        /* 已关闭 */
        .close {
          height: 1.08rem;
          line-height: 1.08rem;
          width: 100%;
          text-align: center;
        }
        /* 待签到 */
        .nosign {
          color: #cccccc;
        }
        /* 待开始 */
        .rbgstart {
          width: 100%;
          height: 100%;
          line-height: 1.08rem;
          text-align: center;
          background-color: #dfe8ff;
        }
      }
      .unclick {
        background-color: #dfe8ff;
      }
    }
    .rightimg {
      position: absolute;
      width: 1.2rem;
      top: 0;
      right: 0;
    }
    .msg {
      position: absolute;
      width: 0.9rem;
      top: 1rem;
      right: 0.3rem;
      .dot {
        position: absolute;
        right: 0.12rem;
        top: 0.12rem;
        width: 0.22rem;
      }
    }
}

.bgstart {
  background-color: #dfe8ff;
}
.drakText{
  color: #5E8EFE;
}
.redBgButton{
  background-color: #FF5959!important;
}
.redTextButton{
  color: #FF5959!important;
  font-size: .26rem;
}
.zailaiyidan{
  color: rgb(255, 255, 255);
  text-align: center;
  background: #DFE8FF;
  width: 50%;
  line-height: 1.08rem;
}
.zailaiyidan2{
  width: 50%;
  text-align: center;
  line-height: 1.08rem;
  color: #5E8EFE;
  font-weight: 600;
}
.complaint_text{

}
.complaint_tips{
  width: 6.63rem;
  height: .8rem;
  background-color: #F5F8FF;
  padding: 0px .2rem;
  box-sizing: border-box;
  font-size: .26rem;
  color: #FF5959;
  margin-top: .16rem;
  .alert{
    width: .32rem;
    height: .32rem;
    margin-right: .15rem;
  }
  .go_cha_text{
    // pointer-events: none;
    color: $color-primary;
    font-size: .28rem;
    img{
      width: .7em;
      height: .7em;
      margin-left: .3em;
    }
  }
}